//base colors for the warning button
$button-warning-base-color: $btnWarningBackgroundHighlight !default; //F7F7F7
$button-warning-base-color-over: $btnWarningBackgroundHighlight !default; //E4F3FF
$button-warning-base-color-focus: $button-warning-base-color-over !default;
$button-warning-base-color-pressed: $btnWarningBackgroundHighlight !default; //B6CBE4
$button-warning-base-color-disabled: $btnWarningBackgroundHighlight !default; //F7F7F7

$button-warning-border-color: #c5c5c5 !default;
$button-warning-border-color-over: #c5c5c5 !default;
$button-warning-border-color-focus: #c5c5c5 !default;
$button-warning-border-color-pressed: #c5c5c5 !default;
$button-warning-border-color-disabled: #c5c5c5 !default;

$button-warning-background-color: $button-warning-base-color !default;
$button-warning-background-color-over: $button-warning-base-color-over !default;
$button-warning-background-color-focus: $button-warning-base-color-focus !default;
$button-warning-background-color-pressed: $button-warning-base-color-pressed !default;
$button-warning-background-color-disabled: $button-warning-base-color-disabled !default;

$button-warning-background-gradient: 'button-warning' !default;
$button-warning-background-gradient-over: $button-warning-background-gradient !default;
$button-warning-background-gradient-focus: $button-warning-background-gradient !default;
$button-warning-background-gradient-pressed: null !default;
$button-warning-background-gradient-disabled: $button-warning-background-gradient !default;

$button-warning-color: $white !default;
$button-warning-color-over: $button-warning-color !default;
$button-warning-color-focus: $button-warning-color-over !default;
$button-warning-color-pressed: $button-warning-color !default;
$button-warning-color-disabled: lighten($button-warning-color, 35) !default;

$button-warning-shadow: 0 -1px 0 rgba(0,0,0,.25) !default;
$button-warning-shadow-over: $button-warning-shadow !default;
$button-warning-shadow-focus: $button-warning-shadow !default;
$button-warning-shadow-pressed: $button-warning-shadow !default;
$button-warning-shadow-disabled: $button-warning-shadow !default;

// warning-toolbar buttons
$button-warning-toolbar-arrow-size: 12px !default;
$button-warning-toolbar-split-size: 12px !default;

$button-warning-toolbar-base-color: adjust-color($base-color, $hue: -213.333deg, $saturation: -55.556%, $lightness: 3.333%) !default;

$button-warning-toolbar-border-color: transparent !default;
$button-warning-toolbar-border-color-over: adjust-color($base-color, $hue: 0.084deg, $saturation: -9.891%, $lightness: -18.039%) !default;
$button-warning-toolbar-border-color-focus: $button-warning-toolbar-border-color-over !default;
$button-warning-toolbar-border-color-pressed: adjust-color($base-color, $hue: 0.721deg, $saturation: -17.014%, $lightness: -21.765%) !default;
$button-warning-toolbar-border-color-disabled: transparent !default;

$button-warning-toolbar-background-color: $button-warning-base-color !default;
$button-warning-toolbar-background-color-over: $button-warning-base-color-over !default;
$button-warning-toolbar-background-color-focus: $button-warning-base-color-focus !default;
$button-warning-toolbar-background-color-pressed: $button-warning-base-color-pressed !default;
$button-warning-toolbar-background-color-disabled: $button-warning-base-color-disabled !default;

$button-warning-toolbar-background-gradient: null !default;
$button-warning-toolbar-background-gradient-over: 'bootstrap-button-over' !default;
$button-warning-toolbar-background-gradient-focus: $button-warning-toolbar-background-gradient-over !default;
$button-warning-toolbar-background-gradient-pressed: null !default;
$button-warning-toolbar-background-gradient-disabled: null !default;

$button-warning-toolbar-color: #333 !default;
$button-warning-toolbar-color-over: $button-warning-toolbar-color !default;
$button-warning-toolbar-color-focus: $button-warning-toolbar-color-over !default;
$button-warning-toolbar-color-pressed: $button-warning-toolbar-color !default;
$button-warning-toolbar-color-disabled: lighten($button-warning-toolbar-color, 35) !default;

$button-warning-toolbar-shadow: 0 -1px 0 rgba(0,0,0,.25) !default;
$button-warning-toolbar-shadow-over: $button-warning-toolbar-shadow !default;
$button-warning-toolbar-shadow-focus: $button-warning-toolbar-shadow !default;
$button-warning-toolbar-shadow-pressed: $button-warning-toolbar-shadow !default;
$button-warning-toolbar-shadow-disabled: $button-warning-toolbar-shadow !default;

@include extjs-button-ui(
/* UI + Scale */
        'warning-small',

        $button-small-border-radius,
        $button-small-border-width,

        $button-warning-border-color,
        $button-warning-border-color-over,
        $button-warning-border-color-focus,
        $button-warning-border-color-pressed,
        $button-warning-border-color-disabled,

        $button-small-padding,
        $button-small-text-padding,

        $button-warning-background-color,
        $button-warning-background-color-over,
        $button-warning-background-color-focus,
        $button-warning-background-color-pressed,
        $button-warning-background-color-disabled,

        $button-warning-background-gradient,
        $button-warning-background-gradient-over,
        $button-warning-background-gradient-focus,
        $button-warning-background-gradient-pressed,
        $button-warning-background-gradient-disabled,

        $button-warning-color,
        $button-warning-color-over,
        $button-warning-color-focus,
        $button-warning-color-pressed,
        $button-warning-color-disabled,

        $button-warning-shadow,
        $button-warning-shadow-over,
        $button-warning-shadow-focus,
        $button-warning-shadow-pressed,
        $button-warning-shadow-disabled,

        $button-small-font-size,
        $button-small-font-size-over,
        $button-small-font-size-focus,
        $button-small-font-size-pressed,
        $button-small-font-size-disabled,

        $button-small-font-weight,
        $button-small-font-weight-over,
        $button-small-font-weight-focus,
        $button-small-font-weight-pressed,
        $button-small-font-weight-disabled,

        $button-small-font-family,
        $button-small-font-family-over,
        $button-small-font-family-focus,
        $button-small-font-family-pressed,
        $button-small-font-family-disabled,

        $button-small-icon-size
);

@include extjs-button-ui(
        'warning-medium',

        $button-medium-border-radius,
        $button-medium-border-width,

        $button-warning-border-color,
        $button-warning-border-color-over,
        $button-warning-border-color-focus,
        $button-warning-border-color-pressed,
        $button-warning-border-color-disabled,

        $button-medium-padding,
        $button-medium-text-padding,

        $button-warning-background-color,
        $button-warning-background-color-over,
        $button-warning-background-color-focus,
        $button-warning-background-color-pressed,
        $button-warning-background-color-disabled,

        $button-warning-background-gradient,
        $button-warning-background-gradient-over,
        $button-warning-background-gradient-focus,
        $button-warning-background-gradient-pressed,
        $button-warning-background-gradient-disabled,

        $button-warning-color,
        $button-warning-color-over,
        $button-warning-color-focus,
        $button-warning-color-pressed,
        $button-warning-color-disabled,

        $button-warning-shadow,
        $button-warning-shadow-over,
        $button-warning-shadow-focus,
        $button-warning-shadow-pressed,
        $button-warning-shadow-disabled,

        $button-medium-font-size,
        $button-medium-font-size-over,
        $button-medium-font-size-focus,
        $button-medium-font-size-pressed,
        $button-medium-font-size-disabled,

        $button-medium-font-weight,
        $button-medium-font-weight-over,
        $button-medium-font-weight-focus,
        $button-medium-font-weight-pressed,
        $button-medium-font-weight-disabled,

        $button-medium-font-family,
        $button-medium-font-family-over,
        $button-medium-font-family-focus,
        $button-medium-font-family-pressed,
        $button-medium-font-family-disabled,

        $button-medium-icon-size
);

@include extjs-button-ui(
        'warning-large',

        $button-large-border-radius,
        $button-large-border-width,

        $button-warning-border-color,
        $button-warning-border-color-over,
        $button-warning-border-color-focus,
        $button-warning-border-color-pressed,
        $button-warning-border-color-disabled,

        $button-large-padding,
        $button-large-text-padding,

        $button-warning-background-color,
        $button-warning-background-color-over,
        $button-warning-background-color-focus,
        $button-warning-background-color-pressed,
        $button-warning-background-color-disabled,

        $button-warning-background-gradient,
        $button-warning-background-gradient-over,
        $button-warning-background-gradient-focus,
        $button-warning-background-gradient-pressed,
        $button-warning-background-gradient-disabled,

        $button-warning-color,
        $button-warning-color-over,
        $button-warning-color-focus,
        $button-warning-color-pressed,
        $button-warning-color-disabled,

        $button-warning-shadow,
        $button-warning-shadow-over,
        $button-warning-shadow-focus,
        $button-warning-shadow-pressed,
        $button-warning-shadow-disabled,

        $button-large-font-size,
        $button-large-font-size-over,
        $button-large-font-size-focus,
        $button-large-font-size-pressed,
        $button-large-font-size-disabled,

        $button-large-font-weight,
        $button-large-font-weight-over,
        $button-large-font-weight-focus,
        $button-large-font-weight-pressed,
        $button-large-font-weight-disabled,

        $button-large-font-family,
        $button-large-font-family-over,
        $button-large-font-family-focus,
        $button-large-font-family-pressed,
        $button-large-font-family-disabled,

        $button-large-icon-size
);

@include extjs-button-ui(
        'warning-toolbar-small',

        $button-small-border-radius,
        $button-small-border-width,

        $button-warning-toolbar-border-color,
        $button-warning-toolbar-border-color-over,
        $button-warning-toolbar-border-color-focus,
        $button-warning-toolbar-border-color-pressed,
        $button-warning-toolbar-border-color-disabled,

        $button-small-padding,
        $button-small-text-padding,

        $button-warning-toolbar-background-color,
        $button-warning-toolbar-background-color-over,
        $button-warning-toolbar-background-color-focus,
        $button-warning-toolbar-background-color-pressed,
        $button-warning-toolbar-background-color-disabled,

        $button-warning-toolbar-background-gradient,
        $button-warning-toolbar-background-gradient-over,
        $button-warning-toolbar-background-gradient-focus,
        $button-warning-toolbar-background-gradient-pressed,
        $button-warning-toolbar-background-gradient-disabled,

        $button-warning-toolbar-color,
        $button-warning-toolbar-color-over,
        $button-warning-toolbar-color-focus,
        $button-warning-toolbar-color-pressed,
        $button-warning-toolbar-color-disabled,

        $button-warning-toolbar-shadow,
        $button-warning-toolbar-shadow-over,
        $button-warning-toolbar-shadow-focus,
        $button-warning-toolbar-shadow-pressed,
        $button-warning-toolbar-shadow-disabled,

        $button-small-font-size,
        $button-small-font-size-over,
        $button-small-font-size-focus,
        $button-small-font-size-pressed,
        $button-small-font-size-disabled,

        $button-small-font-weight,
        $button-small-font-weight-over,
        $button-small-font-weight-focus,
        $button-small-font-weight-pressed,
        $button-small-font-weight-disabled,

        $button-small-font-family,
        $button-small-font-family-over,
        $button-small-font-family-focus,
        $button-small-font-family-pressed,
        $button-small-font-family-disabled,

        $button-small-icon-size
);

@include extjs-button-ui(
        'warning-toolbar-medium',

        $button-medium-border-radius,
        $button-medium-border-width,

        $button-warning-toolbar-border-color,
        $button-warning-toolbar-border-color-over,
        $button-warning-toolbar-border-color-focus,
        $button-warning-toolbar-border-color-pressed,
        $button-warning-toolbar-border-color-disabled,

        $button-medium-padding,
        $button-medium-text-padding,

        $button-warning-toolbar-background-color,
        $button-warning-toolbar-background-color-over,
        $button-warning-toolbar-background-color-focus,
        $button-warning-toolbar-background-color-pressed,
        $button-warning-toolbar-background-color-disabled,

        $button-warning-toolbar-background-gradient,
        $button-warning-toolbar-background-gradient-over,
        $button-warning-toolbar-background-gradient-focus,
        $button-warning-toolbar-background-gradient-pressed,
        $button-warning-toolbar-background-gradient-disabled,

        $button-warning-toolbar-color,
        $button-warning-toolbar-color-over,
        $button-warning-toolbar-color-focus,
        $button-warning-toolbar-color-pressed,
        $button-warning-toolbar-color-disabled,

        $button-warning-toolbar-shadow,
        $button-warning-toolbar-shadow-over,
        $button-warning-toolbar-shadow-focus,
        $button-warning-toolbar-shadow-pressed,
        $button-warning-toolbar-shadow-disabled,

        $button-medium-font-size,
        $button-medium-font-size-over,
        $button-medium-font-size-focus,
        $button-medium-font-size-pressed,
        $button-medium-font-size-disabled,

        $button-medium-font-weight,
        $button-medium-font-weight-over,
        $button-medium-font-weight-focus,
        $button-medium-font-weight-pressed,
        $button-medium-font-weight-disabled,

        $button-medium-font-family,
        $button-medium-font-family-over,
        $button-medium-font-family-focus,
        $button-medium-font-family-pressed,
        $button-medium-font-family-disabled,

        $button-medium-icon-size
);

@include extjs-button-ui(
        'warning-toolbar-large',

        $button-large-border-radius,
        $button-large-border-width,

        $button-warning-toolbar-border-color,
        $button-warning-toolbar-border-color-over,
        $button-warning-toolbar-border-color-focus,
        $button-warning-toolbar-border-color-pressed,
        $button-warning-toolbar-border-color-disabled,

        $button-large-padding,
        $button-large-text-padding,

        $button-warning-toolbar-background-color,
        $button-warning-toolbar-background-color-over,
        $button-warning-toolbar-background-color-focus,
        $button-warning-toolbar-background-color-pressed,
        $button-warning-toolbar-background-color-disabled,

        $button-warning-toolbar-background-gradient,
        $button-warning-toolbar-background-gradient-over,
        $button-warning-toolbar-background-gradient-focus,
        $button-warning-toolbar-background-gradient-pressed,
        $button-warning-toolbar-background-gradient-disabled,

        $button-warning-toolbar-color,
        $button-warning-toolbar-color-over,
        $button-warning-toolbar-color-focus,
        $button-warning-toolbar-color-pressed,
        $button-warning-toolbar-color-disabled,

        $button-warning-toolbar-shadow,
        $button-warning-toolbar-shadow-over,
        $button-warning-toolbar-shadow-focus,
        $button-warning-toolbar-shadow-pressed,
        $button-warning-toolbar-shadow-disabled,

        $button-large-font-size,
        $button-large-font-size-over,
        $button-large-font-size-focus,
        $button-large-font-size-pressed,
        $button-large-font-size-disabled,

        $button-large-font-weight,
        $button-large-font-weight-over,
        $button-large-font-weight-focus,
        $button-large-font-weight-pressed,
        $button-large-font-weight-disabled,

        $button-large-font-family,
        $button-large-font-family-over,
        $button-large-font-family-focus,
        $button-large-font-family-pressed,
        $button-large-font-family-disabled,

        $button-large-icon-size
);